<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="email=no" />
    <title>王者争霸FA</title>
    <script src="__PUBLIC__/js/public.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/css/common.css">
    <link rel="stylesheet" href="__PUBLIC__/css/pageIndex.css">
</head>
<body ontouchstart>
    <div id="con">
        <div class="partTop">
            <span id="shareBtn"></span>
            <div class="selfInfo">
                <img class="selfImg" src="{$headimgurl}" alt="">
                <p class="selfName">昵称:何冬</p>
            </div>
            <div class="infoDetail">
                <div class="dBox1">
                    <p class="infoBox Boxes1">
                        <span class="info-txt"><i class="icon_img"><img src="__PUBLIC__/images/icon_money.png" alt=""></i>认购总金额: XXX万元</span>
                    </p>
                    <div class="Boxes2">
                        <p class="infoBox infoBox1">
                            <span class="info-txt"><i class="icon_img"><img src="__PUBLIC__/images/icon_money.png" alt=""></i>排行榜: 01</span>
                        </p>
                        <p class="infoBox infoBox2">
                            <span class="info-txt"><i class="icon_img"><img src="__PUBLIC__/images/icon_money.png" alt=""></i>称号: 王者荣耀</span>
                        </p>
                    </div>
                </div>
                <div class="dBox2">
                    <p class="infoBox2">发展经纪人：X位</p>
                    <p class="infoBox2">活动积分:XX</p>
                    <p class="infoBox2">推荐到访：X位</p>
                    <p class="infoBox2">打败了98%的人</p>
                </div>
            </div>
            <div class="awardsBox">
                <p class="arrived" id="arrived" d-length="80%"></p>
            </div>
            <div class="rankingList">
                <div class="listDetail">
                    <span class="rankNum r_best"><img src="__PUBLIC__/images/1.png" alt=""></span>
                    <img class="selfImg" src="__PUBLIC__/images/selfImg.png" alt="">
                    <span class="selfName">谢小军</span>
                    <div class="lineImg"><p class="arrived" id="arrived1" d-length="90%"></p></div>
                    <p class="r_money">80625811元</p>    
                </div>
                <div class="listDetail">
                    <span class="rankNum r_best"><img src="__PUBLIC__/images/2.png" alt=""></span>
                    <img class="selfImg" src="__PUBLIC__/images/selfImg.png" alt="">
                    <span class="selfName">谢小军</span>
                    <div class="lineImg"><p class="arrived" id="arrived2" d-length="80%"></p></div>
                    <p class="r_money">80625811元</p>    
                </div>
                <div class="listDetail">
                    <span class="rankNum r_best"><img src="__PUBLIC__/images/3.png" alt=""></span>
                    <img class="selfImg" src="__PUBLIC__/images/selfImg.png" alt="">
                    <span class="selfName">谢小军</span>
                    <div class="lineImg"><p class="arrived" id="arrived3" d-length="70%"></p></div>
                    <p class="r_money">806258111元</p>    
                </div>
                <div class="listDetail">
                    <span class="rankNum ">4</span>
                    <img class="selfImg" src="__PUBLIC__/images/selfImg.png" alt="">
                    <span class="selfName">谢小军</span>
                    <div class="lineImg"><p class="arrived" id="arrived4" d-length="60%"></p></div>
                    <p class="r_money">80625811元</p>    
                </div>
                <div class="listDetail">
                    <span class="rankNum ">5</span>
                    <img class="selfImg" src="__PUBLIC__/images/selfImg.png" alt="">
                    <span class="selfName">谢小军</span>
                    <div class="lineImg"><p class="arrived" id="arrived5" d-length="50%"></p></div>
                    <p class="r_money">80625811元</p>    
                </div>
            </div>
            <p class="remarkTxt">*以上数据因涉及成交统计，具有一定延迟性，因此仅作为阶段性排名公示。最终得奖以分享后台数据统计为准。</p>
            <p class="moreBtn status_close" id="moreBtn"></p>
        </div>
        <div class="partDown">
            <div class="ruleTxts">
                    <p class="s-title"></p>
                    <p class="txt-title1"></p>
                    <p class="txt">从本页面注册登录后，把广州万科楼盘信息分享给朋友并最终交易，即可获得认购金额的3‰作为佣金（税前）,同时交易金额也1:1视为本次活动的里程值；</p>
                    <p class="txt-title2"></p>
                    <p class="txt">里程值最快达到1000万的前三名用户，即获得"迪拜7天6夜极乐双人逍遥游"大奖</p>
                    <p class="txt-title3"></p>
                    <p class="txt txt2">
                        <i></i>
                        有效推荐到访达5次，即送话费100元，（活动期内，每月都可以参与）
                    </p>
                    <p class="txt txt2">
                        <i></i>
                        活动期内，发展经纪人数量达20个即送话费200元，多发展多送。
                    </p>
                    <p class="txt txt3">活动统计日期：2018年6月1日 --- 2018年12月31日</p>
                    <p class="txt txt4">奖品数量有限，先到先得，以工作人员通知为准;</p>
                    <p class="txt txt5">关于楼盘信息详情，可戳下面链接了解；本活动最终解释权归广州万科房地产有限公司所有</p>
            </div>
            <div class="btns">
                <p class="btn btn1">我的排名</p>
                <p class="btn btn2">去赚积分/佣金</p>
            </div>
        </div>
    </div>
    <script src="__PUBLIC__/js/jquery1.11.1.min.js"></script>
    <script src="__PUBLIC__/js/fastclick.min.js"></script>
    <script src="__PUBLIC__/js/layer.js"></script>
    <script type="text/javascript">
        $(function(){
            FastClick.attach( document.body );  
            var Page = function(){};
            $.extend(Page.prototype , {
                init : function(){
                    this.bindEvents();
                },
                bindEvents : function(){
                    var _self = this;
                    // 里程血条状况...
                    $("#arrived").get(0).style.width = $("#arrived").attr("d-length");
                    
                    // 排行榜血条转状况...
                    var listEles = $(".listDetail");
                    for(var i=1;i<=listEles.length;i++){
                        $("#arrived" +i).get(0).style.width = $("#arrived" +i).attr("d-length");
                    }

                },
                layerInfo : function(str){
                    layer.open({
                        skin :'msg',
                        content : str ,
                        time :3
                    });
                }
            });
            var page = new Page();
            page.init();
        })
    </script>
</body>
</html>